var initData ={
	axisSize: 2, //坐标轴的最大刻度, 从0开始
	opacityArr: [0.6,0.3,0]
}

$( document ).ready( function(){
	var sliderPostion = 0;

	//将数据注入到对应的区域
	var axisLisStr = '';
	for(var i =0; i < initData.axisSize; i++){
		axisLisStr += '<li></li>';
	}
	$('.rangeTop').html(axisLisStr);
	$('.rangeBottom').html(axisLisStr);
	//调用jQuery UI的draggable交互部件，实现控柄可拖拽
	$( '.bar' ).draggable( { axis: 'x' } );

	//获得宽度
	var maxWidth = $( '.axisBox' ).outerWidth();
	var liWidth = Math.floor((maxWidth - initData.axisSize *2) / initData.axisSize); //2为边的宽度
	var sliderWidth = liWidth/3 + 5;
	$('.bar').width(sliderWidth);
	//修改各个li元素的宽度
	$( '.axisBox li' ).width(liWidth);

  function findMarsker(ele){
    return $(ele).parent().parent().parent().find('.masker');
  }

	var drawSlider = function(_index, ele){
		var reviseLeft = -sliderWidth/2 + _index;
    if(ele === null){
      ele = '.bar';
    }
		//归位动画
		$(ele).animate({
			left: liWidth * _index + reviseLeft
		}, 200 );
	};

	//初始化坐标位置
	drawSlider(Math.ceil(initData.axisSize/2), null);

	//绑定拖拽时执行的内容
	$( '.bar' ).on( 'drag', function( event, ui ){
		//获得滑块相对父元素左侧距离
		var posLeft = ui.position.left;
		//计算出划过的距离的应所处的li
		var index = Math.round( posLeft / liWidth );


    if($(event.target).parent().parent().attr("data-mul-img") !== '1'){

      findMarsker(event.target).css({'opacity':initData.opacityArr[index]});
    }else{
      //修改背景图片
      var curQ = window.roundDataUtil.currentQuestion();
      var img = new Image();

      //img.src = curQ.img_src[index];
      //var $captionBg =  $($(event.target).parent().parent().parent().find('.img-cover'));
      //$captionBg.css("background-image","url(" + img.src + ")");
      var $questionImgCovers = $(event.target).parent().parent().parent().find('.img-cover img');
      $questionImgCovers.hide();
      $($questionImgCovers[index]).show();

      //img.onload = function() {
      //
      //  //var temp = $captionBg.attr('style') + 'background:url(' + curQ.img_src[index] + ') top center no-repeat;background-size: 100% auto;background-origin:content-box;';
      //  //$captionBg.attr('style', temp);
      //};

    }


		sliderPostion = posLeft;

		//滑块到了两端( 小于0, 大于538 )停止滑动
		if ( posLeft <= (0- sliderWidth/2) ) {
			ui.position.left = 0- sliderWidth/2;
		} else if ( posLeft >= (maxWidth + sliderWidth/2) ) {
			ui.position.left = maxWidth + sliderWidth/2;
		}


	});

	////拖动购买时长  弹起之后 计算价格
	//$( '.bar' ).on( 'mouseup', function( event, ui ){
	//	var posLeft = sliderPostion;
    //
    //if ( posLeft <= (0- sliderWidth/2) ) {
     // ui.position.left = 0- sliderWidth/2;
     // console.log('mouseup',"sliderWidth/2", sliderWidth/2, "ui.position.left", ui.position.left);
    //} else if ( posLeft >= (maxWidth + sliderWidth/2) ) {
     // ui.position.left = maxWidth + sliderWidth/2;
    //}
    //
    //
	//	var index = Math.round( posLeft / liWidth );
    //
    //findMarsker(event.target).css({'opacity':initData.opacityArr[index]});
	//});

	//绑定滑动停止时执行的内容：滑块锁定在相应的li末端
	$( '.bar' ).on( 'dragstop', function( event, ui ){
		// var posLeft = ui.position.left;
		var posLeft = sliderPostion;

    if ( posLeft <= (0- sliderWidth/2) ) {
      posLeft = 0- sliderWidth/2;
    } else if ( posLeft >= (maxWidth + sliderWidth/2) ) {
      posLeft = maxWidth + sliderWidth/2;
    }

		var index = Math.round( posLeft / liWidth );

    $(event.target).parent().parent().attr("data-selectindex", index + "");

		drawSlider(index, event.target);
	});
});

setTimeout(function(){
  $('.sliderBox').each(function(){
    $(this).addClass('hide');
  });
},1000);
